<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>031网页结构</title>
    <style>
        *{
            margin: 0;
            padding: 0;

        }
    </style>
</head>
<body>
    <!-- 首先就是个大容器、一般是div\section\nav -->
    <div class="news-wrapper">
        <h2 class="news-title">
            <a href="#">
                体育
            </a>

        </h2>
        <div class="news-img">
            <a href="#">
                <img src="./img\03\01.jpg" alt="">
                <h3>
                    C罗和曼联队友聚餐 豪车被贴罚单
                </h3>
            </a>
        </div>
        <ul class="news-list">
            <li>
                <a href="#">
                    申花告御状寻求公平正义 直指陈戌源
                </a>
            </li>
            <li>
                <a href="#">
                    NBA三分数据倒退回上世纪，背后有中国神秘
                </a>
            </li>
            
            <li>
                <a href="#">
                    唐斯来森林狼7年成绩几乎为零 算KG的合格接
                </a>
            </li>
            <li>
                <a href="#">
                    其他项目红红火火唯独国足冷清 连个主场都
                </a>
            </li>
        </ul>
    </div>
    
</body>
</html>